<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
</head>

<body>
   <header class="headerpage " data-load="header"></header>
   <main class="user_page  ">
      <section class="">
         <div class="layui-main">
            <div class="block_com">
               <div class="active_w active6  ard_b1">
                  <from class="layui-form">
                     <div class="layui-upload-drag mb80" id="ID-upload-demo-drag">
                        <div class="b1">
                           <i class="layui-icon layui-icon-upload"></i>
                           <div>就缺一張好看的活動照請上傳 1080 X 540 pixel 且小於4MB</div>
                        </div>
                        <div class="layui-hide img_box" id="ID-upload-demo-preview">
                           <img src="" alt="上传成功后渲染">
                        </div>
                     </div>
                     <div class="layui-form-item">
                        <div class="label ">基本資訊</div>
                        <div class="mb20">
                           <input type="text" name="username" lay-verify="" placeholder="主办单位名称" autocomplete="off"
                              class="layui-input">
                        </div>
                        <div class="">
                           <input type="text" name="username" lay-verify="" placeholder="主办单位简介" autocomplete="off"
                              class="layui-input">
                        </div>
                     </div>
                     <div class="layui-form-item">
                        <div class="label ">聯絡資料
                        </div>
                        <div class="d-flex mb20">
                           <input type="text" name="username" lay-verify="" placeholder="电话号码" autocomplete="off"
                              class="layui-input mr20">
                           <input type="text" name="username" lay-verify="" placeholder="分机号码（选填）" autocomplete="off"
                              class="layui-input">
                        </div>
                        <div>
                           <input type="text" name="username" lay-verify="" placeholder="Email" autocomplete="off"
                              class="layui-input">
                        </div>
                     </div>
                     <div class="layui-form-item">
                        <div class="label ">語系/幣別
                        </div>
                        <div class="d-flex">
                           <div class="mr20 flex-1">
                              <select name="interest" lay-filter="aihao">
                                 <option value="繁体中文">繁体中文</option>
                              </select>
                           </div>
                           <div class=" flex-1">
                              <select name="interest" lay-filter="aihao">
                                 <option value="台币">台币</option>
                              </select>
                           </div>

                        </div>
                     </div>
                     <div class="mt40 d-flex jc-s al-c">
                        <button class="layui-btn layui-btn-lg w100 layui-bg-orange next-btn">建立</button>
                     </div>
                  </from>
               </div>
            </div>
         </div>
      </section>
   </main>

</body>
<script src="./js/index.js"></script>
<script>
   layui.use(function () {
      var upload = layui.upload;
      var layer = layui.layer;
      var element = layui.element;
      var $ = layui.$;
      var laydate = layui.laydate;

      upload.render({
         elem: '#ID-upload-demo-drag',
         url: '', // 实际使用时改成您自己的上传接口即可。
         done: function (res) {
            layer.msg('上传成功');
            $('#ID-upload-demo-drag .b1').addClass('layui-hide')
            $('#ID-upload-demo-preview').removeClass('layui-hide')
               .find('img').attr('src', res.files.file);
            console.log(res)
         }
      });
   })
</script>

</html>